@import url('https://fonts.googleapis.com/css?family=Oswald');

html,body {height: 100%;scrollbar-width: none;}
::-webkit-scrollbar {display: none;}
::-webkit-scrollbar {width: 0;background: transparent;}
::-webkit-scrollbar-thumb {background: #FF0000;}

body{font-family: 'Segoe UI';background-color: white;position: relative;overflow: scroll;overflow-x: hidden;-ms-overflow-style: none;}

.araliq{margin-top: 4em;}

.titleSection{font-family: "Oswald";font-size: 40px;font-weight: bolder; letter-spacing:2px;margin: 0 0 40px;color: #000;}
.titleSection span{border-bottom:3px solid #AA771E}

/* offCanvas Button */
#offcanvasButton{background-color: #000;color:white;font-weight: bolder;font-size: 1.5em;padding: 0;width: 50px;height: 50px;text-align: center;display: none;position: fixed;top:10px;}
#offcanvasButton:hover{background-color: #444;}
#offcanvasButton i.bi-x-lg{display: none;}

/* offCanvasLeft Menu */
#offCanvasLeftMenu{border: 0;background-image: url("/images/bg-left.jpg")}
#offCanvasLeftMenu .offcanvas-header{display: block;}
#offCanvasLeftMenu .offcanvas-header .logoImg{background-color: rgba(255,255,255,0.6);padding:1px;margin-bottom: 10px;padding:10px;height:auto;width:200px;}
#offCanvasLeftMenu ul li{list-style: none;}
#offCanvasLeftMenu .offcanvas-body{overflow: hidden!important;}
#offCanvasLeftMenu a{margin:0;font-family: "Oswald";font-weight: 500;letter-spacing: 2px;text-align:right}
#offCanvasLeftMenu a:not(.disabled){color: #fff;}
#offCanvasLeftMenu a:hover{color:#fade02;}
#offCanvasLeftMenu .active{border-bottom:1px solid #fff!important;background-color: rgba(255,255,255,0.2);margin:0;color: #fade02 !important;font-weight: bold;}
#offCanvasLeftMenu a.disabled{color:#aaa}
#offCanvasLeftMenu img{display: block;margin: 0 auto;height: auto;border-radius: 50%;}
#offCanvasLeftMenu .urlSocialIcon{color: white!important;}

/* Background images */
.bgimg-home{position: relative;background-position:0 0;background-repeat: no-repeat;background-size: cover;height: 100%;}


/* Home section */
#homeSection{padding:41px 0 0;margin:0;text-align: center}
#homeSection img{height: 90px;}
#homeSection .arrow{position: absolute;bottom: 3vh;left: 50%;margin-left:-20px;width: 70px;height: 70px;}
#homeSection .logosMobile, #homeSection .titleMobile{display:none;}

/* ABOUT section*/
#aboutSection{padding:40px 0;}
#aboutSection .article{line-height: 200%;}
#aboutSection .article .title{margin:20px 0 10px;font-weight: bold;}
#aboutSection .article p{margin:0;}

/* SUBMISSION section*/
#submissionSection{padding:40px 0;}
#submissionSection .article{line-height: 200%;}
#submissionSection .article .title{margin:20px 0 10px;font-weight: bold;}
#submissionSection .article p{margin:0;}

/* ORGANIZERS section*/
#organizersSection{padding:40px 0;background-color: #f0f0f0;}
#organizersSection .article{line-height: 200%;}
#organizersSection .article ul{margin-bottom:40px;}

/* PROGRAMME section*/
#programmeSection{padding: 40px 0;}
#programmeSection p{line-height: 200%;text-align: center;font-weight: bold;color:maroon}


/* VENUE */
#venueSection{padding: 40px 0;background-color: #f0f0f0;}
#venueSection .qrcode{width: auto;height: 150px;}


/* INVITED SPEAKERS*/
#speakersSection{padding:40px 0;}


/* TRAVEL INFORMATION */
#travelInformationSection{padding:40px 0;}
#travelInformationSection p{line-height: 200%;font-size: 17px;}
#travelInformationSection .accordion-button{color:rgb(0,66,146) !important;background-color: #e7f1ff}
#travelInformationSection .accordion-button .collapsed{font-weight:600}

/* USEFUL LINKS */
#usefulLinksId {background-color: #f0f0f0;padding: 40px 0;}
#usefulLinksId .links{-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);-moz-box-shadow: 2px 2px 4px 0px rgba(34, 60, 80, 0.2);box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); margin-bottom: 2em;cursor:pointer;}
#usefulLinksId .links:hover img{-webkit-filter: grayscale(100%) blur(3px);filter: grayscale(100%) blur(3px);}
#usefulLinksId .links:hover .title{opacity:1;}
#usefulLinksId .linksImg{border-radius: 5px 5px 0 0;}
#usefulLinksId .linksImg img{width: 100%;height:auto;display: block;-webkit-filter: grayscale(0) blur(0);filter: grayscale(0) blur(0);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#usefulLinksId .title{text-align: center;height:70px;font-weight: bolder;font-size: 16px;padding: 10px;opacity:0.5;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;color:black;}
#usefulLinksId a{text-decoration:none;}



/* COVID19 */
#covid19Id{background-color: #f0f0f0;padding: 40px 0;}
#covid19Id li{line-height: 200%;font-size: 17px;}

/* XXL */
@media (min-width: 1400px)
{
    body{margin-left: 350px;font-size:20px;}
    #offCanvasLeftMenu{background-image: url("/images/bg-home_1920x1080_left.jpg");background-position: top left;background-size: 350px 1080px;}
    #offCanvasLeftMenu{width: 350px;visibility: visible!important;transform: none;}
    #offCanvasLeftMenu a{font-size: 18px;padding:3px 10px;}
    .bgimg-home {left:0px;background-image: url("/images/bg-home_1920x1080_right.jpg");background-position: top left;background-size: 1570px 1080px}
    #homeSection .logo {width: auto;height:120px;}
    #homeSection .title{font-size: 38px;color: #fade02;font-weight: bold}
    #homeSection .iswi-logo-png{width:auto;height:150px;margin:20px auto;display:block;}
    #homeSection .subTitle{font-size: 26px;color:#fff;margin-bottom: 20px;}
    #homeSection .date{font-size: 22px;color:#fff;margin-top: 20px;}
    #homeSection .date span{border-bottom: 1px solid #ccc;padding-bottom: 30px;}
    #homeSection .sponsor{font-size: 20px;color:#ccc;margin-top: 50px;}
    .container{padding: 0;margin:0 auto; width:100%;}
    #offCanvasLeftMenuBottomPanel{padding:0 0 30px}
    #offCanvasLeftMenuBottomPanel .copyrights{text-align: center;font-size: 13px;color:white;}
    #offCanvasLeftMenuBottomPanel .copyrights span{color:#aaa;font-weight: normal}
    #programmeSection p{font-size:24px;margin:10px 0;}
    #programmeSection .title{font-size:36px;}
}

/* XL */
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    body{margin-left: 300px;font-size:16px;}
    #offCanvasLeftMenu{background-image: url("/images/bg-home_1366x768_left.jpg");background-position: top left;background-size: 300px 768px;}
    #offCanvasLeftMenu{width: 300px;visibility: visible!important;transform: none;}
    #offCanvasLeftMenu a{font-size: 16px;padding:0 10px 3px;}
    #offCanvasLeftMenu .offcanvas-header .logoImg{width: auto;height:110px;}
    .bgimg-home {left:0px;background-image: url("/images/bg-home_1366x768_right.jpg");background-position: top left;background-size: 1066px 768px}
    #homeSection .logo{width: auto;height:100px;}
    #homeSection .title{font-size: 28px;color: #fade02;font-weight: bold;}
    #homeSection .iswi-logo-png{width:auto;height:100px;margin:20px auto;display:block;}
    #homeSection .subTitle{font-size: 20px;color:#fff;margin-bottom: 20px;}
    #homeSection .date{font-size: 18px;color:#ccc;margin-top: 10px;}
    #homeSection .sponsor{font-size: 16px;color:#ccc;margin-top: 30px;}
    .container{margin:0 auto;padding: 0 40px;}
    #offCanvasLeftMenuBottomPanel{padding:0 0 10px}
    #offCanvasLeftMenuBottomPanel .copyrights{text-align: center;font-size: 12px;font-weight: bolder;color:white;}
    #offCanvasLeftMenuBottomPanel .copyrights span{color:#aaa;font-weight: lighter}
    #programmeSection p{font-size:20px;margin:5px 0;}
    #programmeSection .title{font-size:32px;}
    #programmeSection img{width: auto;height:200px}
    #usefulLinksId .title{line-height: 120%;}
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px)
{
    body{margin-left: 300px;font-size:16px;}
    #offCanvasLeftMenu{background-image: url("/images/bg-home_1366x768_left.jpg");background-position: top left;background-size: 300px 768px;}
    #offCanvasLeftMenu{width: 300px;visibility: visible!important;transform: none;}
    #offCanvasLeftMenu a{font-size: 16px;padding:0 10px 3px;}
    #offCanvasLeftMenu .offcanvas-header .logoImg{width: auto;height:110px;}
    .bgimg-home {left:0px;background-image: url("/images/bg-home_1366x768_right.jpg");background-position: top left;background-size: 1066px 768px}
    #homeSection .logo img{width: auto;height:90px;}
    #homeSection .title{font-size: 28px;color: #fade02;font-weight: bold;}
    #homeSection .iswi-logo-png{width:auto;height:100px;margin:20px auto;display:block;}
    #homeSection .subTitle{font-size: 20px;color:#fff;margin-bottom: 20px;}
    #homeSection .date{font-size: 18px;color:#ccc;margin-top: 10px;}
    #homeSection .sponsor{font-size: 16px;color:#ccc;margin-top: 30px;}
    .container{margin:0 auto;padding: 0 40px;}
    #offCanvasLeftMenuBottomPanel{padding:0 0 10px}
    #offCanvasLeftMenuBottomPanel .copyrights{text-align: center;font-size: 12px;font-weight: bolder;color:white;}
    #offCanvasLeftMenuBottomPanel .copyrights span{color:#aaa;font-weight: lighter}
    #programmeSection p{font-size:20px;margin:5px 0;}
    #programmeSection .title{font-size:32px;}
    #programmeSection img{width: auto;height:200px}
    #usefulLinksId .title{line-height: 120%;}
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px)
{
    body{padding-left: 0}
    #offCanvasLeftMenu{background-image: url("/images/bg-home_1366x768_left.jpg");background-position: top left;width: 300px;transform: none;}
    #offCanvasLeftMenu a{font-size: 14px;padding:8px 15px;}
    #offcanvasButton{left:10px;display: block;z-index: 9999}
    #offCanvasLeftMenu .offcanvas-header .logoImg{width: auto;height:110px;}
    .bgimg-home {left:0px;background-image: url("/images/bg-home_1366x768_right.jpg");background-position: top left;background-size: 1066px 768px}
    #homeSection .logos{display: none;}
    #homeSection .logosMobile{margin-bottom: 20px;display: block;}
    #homeSection .logosMobile .logo1{width: auto;height:50px;display:block;margin:0px auto 15px;}
    #homeSection .logosMobile .logoBSU{width: auto;height:100px;display:block;margin:15px auto 0;}
    #homeSection .logosMobile .logo2{width: auto;height:90px;display:block;margin:0 auto;}
    #homeSection .title{display: none}
    #homeSection .iswi-logo-png{display:none;}
    #homeSection .titleMobile{font-size: 28px;color: #fade02;font-weight: bold;display: block!important;}
    #homeSection .iswi-logo-png-mobile{width:auto;height:120px;margin:20px auto;display:block!important;}
    #homeSection .subTitle{font-size: 20px;color:#fff;margin-bottom: 20px;}
    #homeSection .date{font-size: 18px;color:#ccc;margin-top: 10px;}
    #homeSection .sponsor{font-size: 16px;color:#ccc;margin-top: 30px;}
    .container{margin:0 auto;padding: 0 40px;}
    #offCanvasLeftMenuBottomPanel{padding:0 0 10px}
    #offCanvasLeftMenuBottomPanel .copyrights{text-align: center;font-size: 12px;font-weight: bolder;color:white;}
    #offCanvasLeftMenuBottomPanel .copyrights span{color:#aaa;font-weight: lighter}
    #programmeSection p{font-size:20px;margin:5px 0;}
    #programmeSection .title{font-size:32px;}
    #programmeSection img{width: auto;height:200px}
    #usefulLinksId .title{line-height: 120%;}
}

/* SM */
@media  (max-width: 767.98px)
{
    body{padding-left: 0}
    #offCanvasLeftMenu{background-image: url("/images/bg-home_1366x768_left.jpg");background-position: top left;width: 300px;transform: none;}
    #offCanvasLeftMenu a{font-size: 14px;padding:4px 15px;}
    #offcanvasButton{left:10px;display: block;z-index: 9999}
    #offCanvasLeftMenu .offcanvas-header .logoImg{width: auto;height:110px;}
    .bgimg-home {left:0px;background-image: url("/images/bg-home_1366x768_right.jpg");background-position: top left;background-size: 1066px 768px}
    #homeSection .logos{display: none;}
    #homeSection .logosMobile{margin-bottom: 20px;display: block;}
    #homeSection .logosMobile .logo1{width: auto;height:50px;display:block;margin:0px auto 15px;}
    #homeSection .logosMobile .logoBSU{width: auto;height:100px;display:block;margin:15px auto 0;}
    #homeSection .logosMobile .logo2{width: auto;height:90px;display:block;margin:0 auto;}
    #homeSection .title{display: none}
    #homeSection .iswi-logo-png{display:none;}
    #homeSection .titleMobile{font-size: 24px;color: #fade02;font-weight: bold;display: block!important;}
    #homeSection .iswi-logo-png-mobile{width:auto;height:100px;margin:20px auto;display:block!important;}
    #homeSection .subTitle{font-size: 20px;color:#fff;margin-bottom: 20px;}
    #homeSection .date{font-size: 18px;color:#ccc;margin-top: 10px;}
    #homeSection .sponsor{font-size: 16px;color:#ccc;margin-top: 30px;}
    .container{margin:0 auto;padding: 0 20px;}
    #offCanvasLeftMenuBottomPanel{padding:0 0 10px}
    #offCanvasLeftMenuBottomPanel .copyrights{text-align: center;font-size: 12px;font-weight: bolder;color:white;}
    #offCanvasLeftMenuBottomPanel .copyrights span{color:#aaa;font-weight: lighter}
    #programmeSection p{font-size:20px;margin:5px 0;}
    #programmeSection .title{font-size:32px;}
    #programmeSection img{width: auto;height:200px}
    #usefulLinksId .title{line-height: 120%;}

}